body {
  background: url(/images/orange-bg.jpg) repeat;
}
#wrapper {
  background: url(/images/bg_box.png) no-repeat;
  padding: 8px 0 0 10px;
}
#footer {
  background: #FFFFFF;
  padding: 5px 10px;
}
#header img {
  height: 105px;
}
#header {
    float: left;
    background: #fff;
    padding: 5px 10px 0 10px;
}
#navigation {
  height: 113px;
  width: 651px;
  background: url(/images/at-the-gates.jpg) no-repeat 0 -90px;
}
.navigation {
  position: relative;
  top: 89px;
  width: 651px;
  background: #9C4117;
}
.navigation ul {
  background: #9C4117;
}
.navigation li {
  padding-left: 5px;
  background: #9C4117;
}
#navigation li a {
  padding: 4px 15px 0 0;
  font-size: 1.2em;
  color: #FFFFFF;
  width: 4.5em;
  text-decoration: none;
  text-transform: lowercase;
  border-bottom: 5px solid #9C4117;
}
#navigation li a.current,
#navigation li a.current:hover {
  color: #FFC;
  /* color: #E95F1F;
  background-color: #FFC; */
  text-decoration: none;
  border-bottom: 5px solid #FFC;
}

#navigation li a:hover {
  color: #FFC;
  border-bottom: 5px solid #FFC;
}

#footer {
  border-top: #9C4117 1px solid;
}

.page_message {
  font-weight: bold;
}
p.notice,
p.error {
  padding: 0 0 0 20px;
  background: url('/images/icons/cross.png') no-repeat 0 0;
}
p.notice {
  background-image: url('/images/icons/accept.png');
}
.page_message p.notice,
.page_message p.error {
  background-position: 8px 8px;
  padding: 8px 5px 8px 32px;
  border: 2px solid #CBCB9C;
}
.page_message p.notice {
  background-color: #DDFFDD;
}
.page_message p.error {
  background-color: #FFDDDD;
}

#body,
.page_message {
  background: #FFFFCC;
}
#body {
  clear: both;
  border: 1px solid #FFFFFF;
  border-bottom: 2px solid #9C4117;
}
#body p {
  margin-bottom: 10px;
}
table {
  margin-bottom: 10px;
}
table thead th:hover {
  cursor: pointer;
}
table tbody {
  border-top: 1px solid #CBCB9C;
  border-bottom: 1px solid #CBCB9C;
}
table tr.even {
  background: #FFFFEE;
}

h1,
h2,
h3,
h4,
h5 {
  color: #444AC1;
}
h1 {
  border-bottom: 1px solid #444AC1;
}


/* Links */
a:link,
a:visited {
  color: #444AC1;
}
a:hover,
a:active {
  color: #9C4117;
  text-decoration: none;
}



.description,
.right_rail_module {
  border: 1px solid #CBCB9C;
  background: #EEEEDF;
}


.progress_chart span.goal {
  background-color: #E95F1F;
  border-color: #9C4117;
}
.progress_chart span.goal span.distance {
  background-color: #9C4117;
}
.progress_chart .labels {
  color: #444AC1;
}
.progress_chart .goal .labels {
  color: #FFFFFF;
}
.progress_chart .percentages span {
  color: #0A55A3;
}

.progress_small span.goal {
  background-color: #E95F1F;
  border-color: #9C4117;
}
.progress_small span.goal span.distance {
  background-color: #9C4117;
}
.progress_small .labels {
  color: #444AC1;
}
.progress_small .goal .labels {
  color: #FFFFFF;
}
.progress_small .percentages span {
  color: #0A55A3;
}

